
html,body,.mh-app {
  width: 100%;
  height: 100%;
}

.mh-app {background: #fff;}


* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust: 100%;
}

html {
  font-family: "PingFang SC",-apple-system,Helvetica,Arial,Tahoma,"Hiragino Sans GB","Lantinghei SC","Microsoft YaHei",sans-serif;
  letter-spacing: .03rem;
}

body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  font-weight: normal;
  font-family: "PingFangSC", "Microsoft Yahei", Helvetica, serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing: antialiased;
}

a {color: #333;}

img {vertical-align: middle;}

input:focus {
  outline: none;
}

.mui-content.pd {padding-top: 4.5rem;}

.mui-content.pb {padding-bottom: 5rem;}

.mui-input-group .mui-input-row:after {left: 0;}

.mui-bar {
  height: 4.5rem;
  box-shadow: none;
  background-color: #fff;
}

.mui-title {line-height: 4.5rem;}

.mui-bar-nav~.mui-content {padding-top: 4.5rem}

.mui-input-group .mui-input-row,
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
  height: 5rem;
  padding: 0 1rem;
  font-size: 1.4rem;
}

.mui-poppicker {z-index: 10001;}

.mui-input-row label {
  line-height: 5rem;
  padding: 0 1.4rem;
  color: #666;
  font-size: 1.4rem;
}

.mui-input-group .mui-input-row:after {background-color: #eee;}

.mui-input-group:before,.mui-input-group:after {height: 0}

.mui-poppicker-header .mui-btn-blue,
.mui-dtpicker-header .mui-btn-blue {
  background-color: #e685aa;
  border-color: #e685aa;
}

.mui-table-view-cell:after,
.mui-table-view:after,
.mui-table-view:before {
  left: 0;
  background-color: #eee;
}

.mui-btn-link {color: #e685aa;}

.mui-segmented-control {border: 0;background: #fff;}

.mui-segmented-control .mui-control-item {
  color: #999999;
  border: 0;
}
.mui-segmented-control .mui-control-item.mui-active {
  background: #fff;
  color: #dd65a1;
}

.mui-control-item.mui-active span {
  padding-bottom: .4rem;
  border-bottom: .2rem solid #dd65a1;
}

.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after {color: #de73a4;}

.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {color: #de73a4;}

.mh-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  &.with-tab {
    padding-bottom: 5rem;
  }
}

.mh-color {color: #e377a0}

.mh-btn {
  background: #e685aa;
  color: #fff;
  border-color: #e685aa;
  border-radius: .5rem;
  &:hover {
    background: #e377a0;
  }
}

.mh-btn-md {
  min-width: 60%;
  padding: .8rem 0;
  font-size: 1.7rem;
}

.mh-arrow-down {
  display: inline-block;
  border-top: .6rem solid #dedede;
  border-left: .4rem solid transparent;
  border-right: .4rem solid transparent;
}

.mh-mg-tb {margin: 1rem 0}

.mh-pd {padding: 1rem}

.mh-pd-lr {padding: 0 1.5rem}

.mh-mg-bt {margin-bottom: 1.5rem}

.bg-w {background-color: #fff;}

.price {color: #f26c60;}

.flex {
  display: flex;
  align-items: center;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-bt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.bounce-enter-active {
  animation: bounce-in .3s;
}
.bounce-leave-active {
  animation: bounce-in .3s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

.slide-fade-enter-active {
  transition: all .3s;
}
.slide-fade-leave-active {
  transition: all 0s;
}
.slide-fade-enter, .slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.draw-enter-active, .draw-leave-active {
  transition: all .3s ease;
}
.draw-enter {
  transform: translateY(16rem);
}
.draw-leave-to {
  transform: translateY(16rem);
}

.list-enter-active, .list-leave-active {
  transition: all .3s;
}
.list-enter, .list-leave-to {
  opacity: 0;
  transform: translateX(60px);
}

.amap-marker-label {
  padding: .5rem;
  border: 0;
  box-shadow: 2px 2px 8px rgba(0,0,0,.3);
}

.amap-info-content .prompt {
  padding: .2rem;
}

.bold {font-weight: bold}

.amap-marker-content .cur-label {
  background-color: #fff;
  font-size: 1.2rem;
}
